import { Inter } from "next/font/google";
// import styles from "@/styles/Home.module.css";

// const inter = Inter({ subsets: ["latin"] });
import { useRouter } from "next/router";
import Link from "next/link";
export default function Home() {
  const router = useRouter();
  const goBlog = () => {
    router.push("/blog");
  };
  return (
    <>
      {/* <main className={`${styles.main} ${inter.className}`}> */}
      <h1>学习NEXT-JS</h1>
      {/* </main> */}
      <ul>
        <li>
          <Link href="/about">关于</Link>
        </li>
        <li>
          <Link href="/course">课程</Link>
        </li>
        <li>
          <Link href="/users">用户中心</Link>
        </li>
      </ul>
      <button onClick={goBlog}>跳转到博客页面</button>
    </>
  );
}
